<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<canvas id="c1" width="500" height="600" style="border: 1px solid red">
</canvas>
<div id="ctrl"></div>
</body>
<script>
    var c=document.getElementById("c1");
    var ctx=c.getContext("2d");
    var x=0,y=0;
    // const img=new Image();
    // img.src='../src/assets/logo.png'
    // ctx.drawImage(img,x,y)
    // function draw(e){
    //     switch(e.keyCode){
    //         case 37:
    //             x-=5;ctx.clearRect(0,0,500,600)
    //             break;
    //         case 39:
    //             x+=5;ctx.clearRect(0,0,500,600)
    //             break;
    //     }
    //     ctx.drawImage(img,x,y)
    // }
    // document.addEventListener("keydown",draw)
    ctx.
</script>
</html>